.main_content {
  width: 100%;
  height: 100%;
  background: #f5f3ff;
  border-radius: 20rpx;
}

.content {
  width: 100%;
  height: 100%;
  position: relative;
}

.tabs {
  width: 100%;
  padding: 0 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box {
  width: 100%;
  height: calc(100% - 72rpx);
  display: flex;
  justify-content: center;
  align-items: center;
}

.section {
  width: 1701rpx;
  height: 871rpx;
  padding: 12rpx;
  background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/review/task_bg.png) center center/cover no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.num {
  position: absolute;
  top: 176rpx;
  right: 67rpx;
  display: flex;

  view {
    font-size: 28rpx;
    color: #FD9734;
  }

  text {
    font-size: 28rpx;
    color: #0981BE;
  }
}

.title {
  height: 202rpx;
  display: flex;
  align-items: center;

  text {
    font-size: 60rpx;
    color: #6A513B;
    position: relative;
    z-index: 1;

    &::after {
      content: "";
      width: 100%;
      height: 18rpx;
      background: #FDE6CE;
      border-radius: 9rpx;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1;
    }
  }
}

.list {
  width: 1566rpx;
  height: 528rpx;
  background: #FFFFFF;
  border-radius: 20rpx;
  border: 2rpx solid #EBC196;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.list_title {
  width: 76rpx;
  height: 176rpx;
  background: #FDE6CE;
  border-radius: 0px 0px 38rpx 38rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 44rpx;

  view {
    width: 36rpx;
    font-size: 36rpx;
    color: #6A513B;
  }
}

.list_content {
  width: 100%;
  height: 100%;
  padding: 20rpx 150rpx 20rpx 270rpx;
  display: flex;
  justify-content: space-between;
}

.tips {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tips_content {
  width: 958rpx;
  height: 526rpx;
  padding-top: 300rpx;
  background: #f6f6f6;
  border-radius: 20rpx;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tips_text {
  font-size: 40rpx;
  color: #411709;
}

.tips_btn {
  width: 370rpx;
  height: 102rpx;
  margin-top: 40rpx;
  background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/word/btn_bg.png) center center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;

  text {
    font-size: 36rpx;
    color: #411709;
  }
}

.tips_img {
  width: 839rpx;
  height: 847rpx;
  position: absolute;
  top: -340rpx;
  left: 40rpx;

  image {
    width: 100%;
    height: 100%;
  }
}

.countdown {
  display: none;
}